<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">﻿​
	<title>Document</title>
  <link rel="stylesheet" type="text/css" href="layer/mobile/need/layer.css">
	<script src="http://www.jq22.com/jquery/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="layer/mobile/layer.js"></script>
</head>
<body>

<script type="text/javascript">
$(document).ready(function(){	
 //信息框
  layer.open({
    content: '移动版和PC版不能同时存在同一页面'
    ,btn: '我知道了'
  });
  
  // //提示
  // layer.open({
  //   content: 'hello layer'
  //   ,skin: 'msg'
  //   ,time: 2 //2秒后自动关闭
  // });
  
  // //询问框
  // layer.open({
  //   content: '您确定要刷新一下本页面吗？'
  //   ,btn: ['刷新', '不要']
  //   ,yes: function(index){
  //     location.reload();
  //     layer.close(index);
  //   }
  // });
  
  // //底部对话框
  // layer.open({
  //   content: '这是一个底部弹出的询问提示'
  //   ,btn: ['删除', '取消']
  //   ,skin: 'footer'
  //   ,yes: function(index){
  //     layer.open({content: '执行删除操作'})
  //   }
  // });
  
  // //底部提示
  // layer.open({
  //   content: '一个没有任何按钮的底部提示'
  //   ,skin: 'footer'
  // });
  
  // //自定义标题风格
  // layer.open({
  //   title: [
  //     '我是标题',
  //     'background-color: #FF4351; color:#fff;'
  //   ]
  //   ,content: '标题风格任你定义。'
  // });
  
  // //页面层
  // layer.open({
  //   type: 1
  //   ,content: '可传入任何内容，支持html。一般用于手机页面中'
  //   ,anim: 'up'
  //   ,style: 'position:fixed; bottom:0; left:0; width: 100%; height: 200px; padding:10px 0; border:none;'
  // });
  
  // //loading层
  // layer.open({type: 2});
  
  // //loading带文字
  // layer.open({
  //   type: 2
  //   ,content: '加载中'
  // });
});
</script>
</body>
</html>